﻿@model Kavaa.Modules.PortailMedical.Presentation.Models.MyViewModel
@{
    ViewBag.Title = "Reservations";
  Layout = null;

}

@using System.Web.Optimization
@using BootstrapSupport
@using NavigationRoutes

<!DOCTYPE html>
<html lang="en">
    <head>
          <meta charset="utf-8">
        <title>@ViewBag.Title</title>
       @*<meta name="viewport" content="width=device-width, initial-scale=1.0">*@
        <link href="@Styles.Url("~/content/csss")" rel="stylesheet"/>
 
                <link href="@Styles.Url("~/Content/css-responsive")" rel="stylesheet" type="text/css" />
   
           <link href="@Styles.Url("~/Content/body.css")" rel="stylesheet" type="text/css" />
              <link href="@Styles.Url("~/Content/bootstrap.min.css")" rel="stylesheet" type="text/css" />
        <link href="@Styles.Url( "~/Content/bootstrap-responsive.css")" rel="stylesheet" type="text/css" />
          
@*        @RenderSection("head", required: false)*@
        @Html.Partial("_html5shiv")
        @* favicons and touch icons go here *@
       @Scripts.Render("~/jsss")
        <script>
          
           
            //msg cligontant indiquant le nombre de réservations non encore traitées
            function clignotement() {
                var j = 0;
                $.ajax({

                    //    Reservations en cours
                    url: '/Clinique/GetReservCliniqueEnCours',//ça marche
                    async: false,
                    type: 'POST',
                    dataType: 'json',
                    success: function (data) {
                        var events = new Array();
                        for (var i in data) { j++; }
                    }

                });
                document.getElementById("MonElement").innerHTML = "<b>R&eacute;servations non trait&eacute;s (" + j + ")  &nbsp; &nbsp; &nbsp; &nbsp; &nbsp;</b>"

                if (document.getElementById("MonElement").style.display == "block")
                    document.getElementById("MonElement").style.display = "none";
                else
                    document.getElementById("MonElement").style.display = "block";
            }
            // mise en place de l appel régulier de la fonction toutes les 0.5 secondes 
            setInterval("clignotement()", 500);

        </script>
                      <div>
                                        <div class="navbar navbar-inverse navbar-top" >
           <div class="navbar-inner">     
        </div> 
         </div>
     @{
         
         
         var prenomuser = ((Kavaa.Modules.PortailMedical.Entity.Utilisateur)(Session["user"])).Prenom;
       var nomuser = ((Kavaa.Modules.PortailMedical.Entity.Utilisateur)(Session["user"])).Name;}
          <table class="container">
         
              <tr>
                  <td>
            <img src="/Content/images/mediciMaroc.png" /> </td>
                  <td class="pull-right">
                      <br /> 
            <p style="text-align:right"><i class=" icon-user"> </i>&nbsp; &nbsp; @prenomuser  @nomuser  &nbsp; &nbsp;  @Html.ActionLink("Se déconnecter","Deconnexion")&nbsp; &nbsp; </p>
               </td>
           
        
        </tr>
        </table>
                               </div>
</head>
<body style="padding:0px;background-color:#fafafa;">
  
        <div class="container" style="background-color:#eeeeee;border:ridge;border-top:none;border-color:#FBFBFB" >

         <div class="navbar">
            <div class="navbar-inner">
      <div class="container">
        <a class="btn btn-navbar" data-toggle="collapse" data-target=".nav-collapse">
                        <span class="icon-bar"></span>
                        <span class="icon-bar"></span>
                        <span class="icon-bar"></span>
                    </a>
          <div class="nav-collapse collapse">
        <ul class="nav">
      <li > @Html.ActionLink("Accueil","AccueilClinique")</li>
      <li > @Html.ActionLink("Accréditations","Accreditations")</li>
      <li class="active">@Html.ActionLink(" Réservations","Reservations")</li> 
      <li>@Html.ActionLink("Gérer Ressources","GererRessources")</li>
      <li>@Html.ActionLink("Admission des patients","AdmissionPatient")</li>
      <li>@Html.ActionLink("Comptes Clinique","ComptesClinique")</li>
    </ul>
            <form class="navbar-search pull-right">
      <i class="icon-search"></i>
  <input type="text" class="search-query" placeholder="Search">
</form>
  </div>
          </div>
      </div>
             </div>

     <p id="MonElementt"  style="color:#e41111" class="pull-right"></p>
         <br />
	<div id='calendar' style="margin:10px">     

	</div>
      
	<div id="event_edit_container" >
		<form>
			<input type="hidden" />

            Informations sur cette réservation:
            <br />
         <br />
            <table>
                <tr>
                    <td style="color:darkblue;text-decoration:solid">
                            <h5>Demandée le :</h5>
                        </td>
                    <td><output name="DateDemande"></output><br /></td>
                </tr><tr>
                <td style="color:darkblue;text-decoration:solid">
            <h5>Effectuée par :</h5></td>
                <td>
                    Dr . <output name="NomMedecin"> </output>&nbsp;<output name="PrenomMedecin"></output> &nbsp; ( l'INP : <output name="INP"></output>)<br /></td>
                </tr>
                <tr><td style="color:darkblue;text-decoration:solid">
         <h5> Date d'intervention : </h5></td><td style="padding-left:10px"><b>Du</b> <output name="start"></output><br />
                             <b> Au </b><output name="end"></output><br />
                </td>
                </tr>
                <tr>
                    <td style="color:darkblue;text-decoration:solid">
           <h5> Acte : </h5></td><td> <output name="acte"></output><br /></td>
                </tr>
                <tr><td style="color:darkblue;text-decoration:solid">
          <h5>  Bloc concerné :</h5> </td><td><output name="bloc"></output><br /></td>
                </tr>
                </table>
		
		</form>
	</div>
	</div>
      <div class="container">
         <br />
         <b style="color:blue"> < </b> <u> <b>  @Html.ActionLink("Retour au menu","AccueilReservation") </b> </u>
      <hr>
   
            <footer>
                <p>&copy; Kavaa @System.DateTime.Now.ToString("yyyy")</p>
            </footer> 
	</div>

    <div id="alert" class="modal hide fade" tabindex="-1" role="dialog" aria-labelledby="popupLabel" aria-hidden="true"  >
				      <div class="modal-header">
					    <button type="button" class="close" data-dismiss="modal" aria-hidden="true">×</button>
					    <h3 id="popupalert">Comment &ccedil;a marche ?</h3>
				      </div>
                      <div style="padding-left:35px">
                          <table>
                               <tr><th><br/></th></tr>
                               <tr><th><br/></th></tr>
                               <tr><th id="message"> ci bien ça .

                                   Ca marche comme ça.
                                   </th></tr>
                               <tr><th><br /></th></tr>
                               <tr><th><br/></th></tr>
                          </table>
                      </div>
                      <div class="modal-footer">
                           <button class="btn btn-primary" data-dismiss="modal" aria-hidden="true">Retour</button>
                      </div>
                  </div>

</body>
</html>